// 发布渠道相关
// 渠道图标
.icon {
  // 默认渠道
  &.icon-weixin {
    @include bg('channels/icon-wechat.png');

    &.disabled {
      @include bg('channels/icon-wechat-disabled.png');
    }
  }

  &.icon-alipay {
    @include bg('channels/icon-alipay.png');

    &.disabled {
      @include bg('channels/icon-alipay-disabled.png');
    }
  }

  &.icon-app {
    @include bg('channels/icon-app.png');

    &.disabled {
      @include bg('channels/icon-app-disabled.png');
    }
  }

  &.icon-wechat-miniprogram {
    @include bg('channels/icon-wechat-miniprogram.png');

    &.disabled {
      @include bg('channels/icon-wechat-miniprogram-disabled.png');
    }
  }

  // 拓展渠道
  &.icon-finance {
    @include bg('channels/icon-finance.png');

    &-tiantian {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-finance-tiantian.png');
    }

    &-tonghua {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-finance-tonghua.png');
    }

    &-tencent {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-finance-tencent.png');
    }
  }

  &.icon-bank {
    @include bg('channels/icon-bank.png');

    &-ningbo {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-bank-ningbo.png');
    }

    &-zhongxin {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-bank-zhongxin.png');
    }

    &-minsheng {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-bank-minsheng.png');
    }

    &-guangda {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-bank-guangda.png');
    }
  }

  &.icon-broker {
    @include bg('channels/icon-broker.png');

    &-guangfa {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-broker-guangfa.png');
    }

    &-huatai {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-broker-huatai.png');
    }

    &-haitong {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-broker-haitong.png');
    }

    &-guoxin {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-broker-guoxin.png');
    }
  }

  &.icon-own {
    @include bg('channels/icon-own.png');

    &-miniprogram {
      width: 24px;
      height: 14px;
      @include bg('channels/icon-own-miniprogram.png');
    }
  }

  // 线下渠道
  &.icon-offline {
    width: 24px;
    height: 24px;
    @include bg('channels/icon-offline.png');
  }
}

// 渠道封面
.cover {
  background-position: center;
  background-size: cover;
  // 默认渠道
  &.cover-weixin {
    @include bg('channels/cover-weixin.png');
  }

  &.cover-alipay {
    @include bg('channels/cover-alipay.png');
  }

  &.cover-app {
    @include bg('channels/cover-app.png');
  }

  &.cover-tencent {
    @include bg('channels/cover-tencent.png');
  }

  &.cover-wechat-miniprogram {
    @include bg('channels/cover-wechat-miniprogram.png');
  }

  &.cover-finance-tonghua {
    @include bg('channels/cover-finance-tonghua.png');
  }

  &.cover-finance-tiantian {
    @include bg('channels/cover-finance-tiantian.png');
  }

  &.cover-broker-huatai {
    @include bg('channels/cover-broker-huatai.png');
  }

  &.cover-broker-guangfa {
    @include bg('channels/cover-broker-guangfa.png');
  }

  &.cover-broker-haitong {
    @include bg('channels/cover-broker-haitong.png');
  }

  &.cover-broker-guoxin {
    @include bg('channels/cover-broker-guoxin.png');
  }

  &.cover-bank-zhongxin {
    @include bg('channels/cover-bank-zhongxin.png');
  }

  &.cover-bank-ningbo {
    @include bg('channels/cover-bank-ningbo.png');
  }

  &.cover-bank-minsheng {
    @include bg('channels/cover-bank-minsheng.png');
  }

  &.cover-bank-guangda {
    @include bg('channels/cover-bank-guangda.png');
  }

  &.cover-offline {
    @include bg('channels/cover-offline.png');
  }
}
